.BeamNavTop001 {
	position: absolute;
	z-index: 2;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	& > div {
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--BeamTopNavBack);
		border-radius: 500px;
		cursor: pointer;

		& > div {
			display: flex;
			align-items: center;
			justify-content: center;
			width: var(--BeamTopNavWidth);
			height: var(--BeamTopNavHeight);
			font-size: var(--BeamTopNavFontSize);
			font-family: var(--BeamTopNavFontFamily);
			color: var(--BeamTopNavColor);
			font-weight: 600;
			border-radius: 500px;

			&:hover,
			&.active {
				background: var(--BeamTopNavHoverBack);
				color: var(--BeamTopNavHoverColor);
			}
		}
	}
}

.BeamNavTop002 {
	position: absolute;
	z-index: 2;
	left: 20vw;
	width: 60vw;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	background: linear-gradient(
		90deg,
		rgba(15, 89, 105, 0),
		rgba(15, 89, 105, 0.8),
		rgba(15, 89, 105, 0)
	);

	& > .ant-select {
		width: 100%;

		& > .ant-select-selector {
			font-size: 21px;
			font-family: YouSheBiaoTiHei;
			color: #ffffff;
			background: transparent;
			border: none;

			& > .ant-select-selection-item {
				text-align: center;
			}
		}
	}
}
